// import { useEffect } from "react";
import { useSearchParams } from "react-router-dom";
import LunBoOne from '../component/LunBoOne'
import LunBoTwo from '../component/LunBoTwo'
import LunBoThree from '../component/LunBoThree'
import LunBoFour from '../component/LunBoFore'

const LunBo = () => {

    const [searchParams] = useSearchParams();


   if(searchParams.get('id') === '1'){
    return (
        <LunBoOne />
    )
   }else if(searchParams.get('id') === '2'){
    return (
        <LunBoTwo />
    )
   }else if(searchParams.get('id') === '3'){
    return (
        <LunBoThree />
    )
   }else{
    return (
        <LunBoFour />
    )
   }
}

export default LunBo;